@charset "UTF-8";
/**
 *  Pryn.css
 *  @see       http://0-oo.net/sbox/javascript/pryn-js-css
 *  @version   0.2.4
 *  @copyright 2007-2009 dgbadmin@gmail.com
 *  @license   http://0-oo.net/pryn/MIT_license.txt (The MIT license)
 */


/***** YUIのimport *****/

/**
 *  Googleによるホスティングを利用
 *  @see http://developer.yahoo.com/yui/articles/hosting/
 *  @see http://code.google.com/intl/ja/apis/ajaxlibs/documentation/#yui
 */
@import "//ajax.googleapis.com/ajax/libs/yui/2.7.0/build/reset-fonts-grids/reset-fonts-grids.css";
@import "//ajax.googleapis.com/ajax/libs/yui/2.7.0/build/base/base-min.css";

/**
 *  YUI適用後の調整
 */
body{
    margin: 0;
}
input, textarea{
    margin-right: 1px;
    padding: 1px;
}
select{
    margin-right: 1px;
}

/**
 *  YUIをSticy Footer化
 *  @see http://0-oo.net/sbox/css-small-box/yahho-sticky-footer
 */
html, body{
    height: 100%;
}
div#doc, div#doc2, div#doc3, div#doc4, div#custom-doc{
    position: relative;
    min-height: 100%;
    _height: 100%;          /* for IE6 */
}
div#ft{
    position: absolute;
    bottom: 0;
    width: 100%;
}

/* フッターの高さはサイトに合わせて変えること */
div#bd{
    padding-bottom: 4em;    /* div#ftの高さと同じか、それより大きくする */
}
div#ft{
    height: 3em;
}



/***** 汎用的なstyle *****/

html{
    overflow-y: scroll;     /* Firefox:常に縦のスクロールバーを表示 */
}
select, label, button, input.copy, textarea.copy, .clickable{
    cursor: pointer;        /* マウスカーソルを手にする（IE7-:選択リスト非対応） */
}
select[disabled], input[disabled], textarea[disabled], button[disabled]{
    cursor: not-allowed;    /* マウスカーソルを禁止マークに（IE6:非対応、IE7+:一部のみ） */
}
textarea{  
    overflow: auto;         /* IE:スクロールバー不要なら非表示 */
}  
input, textarea{
    ime-mode: active;       /* IME On */
}
input.han, input.number, textarea.han, select{
    ime-mode: inactive;     /* IME Off */
}
input[type="password"]{
    ime-mode: auto;         /* Firefox:パスワードでautoだとIME不可になる */
}
input.number{               /* 数値 */
    text-align: right;
}
.left{
    float: left;
}
.right{
    float: right;
}
.center{
    text-align: center;
}
.clear{                     /* floatのクリア */
    clear: both;
}
/**
 *  Googleカスタム404ページ対応
 *  @see http://www.google.com/support/webmasters/bin/answer.py?hl=jp&answer=100044
 */
#goog-wm li.search-goog{
    display: block;
}


/***** サイトごとのstyle（サイトに合わせて上書きする） *****/

div#bd{
    font-size: 116%;        /* @see http://developer.yahoo.com/yui/fonts/#using */
    line-height: 1.7;       /* 単位を付けない */
}
div.error, span.error{      /* 入力エラーメッセージのフォント */
    color: #f00;
    font-weight: bold;
}
input.error, textarea.error, select.error{
    background-color: #f99; /* 入力エラーの要素の背景色（Firefox:check系非対応） */
}
input.focused, textarea.focused{
    background-color: #feb; /* 入力要素のfocus時の背景色 */
}
input.hint, textarea.hint{  /* テキストボックス内の説明 */
    color: #999;
}
input.copy, textarea.copy{
    background-color: #ddd; /* コピー用テキストの背景色 */
}
table.stripes tr.stripe{
    background-color: #eee; /* シマシマにされる行 */
}
optgroup{
    color: #999;
}
option{
    color: #000;            /* optgroupから引き継ぐcolorを元に戻す */
}
